document.addEventListener('DOMContentLoaded', function() {
    // 获取所有侧边栏链接和所有内容部分
    const sidebarLinks = document.querySelectorAll('.sidebar a');
    const sections = document.querySelectorAll('main section');

    // 为每个侧边栏链接添加点击事件监听器
    sidebarLinks.forEach(link => {
        link.addEventListener('click', function(e) {
            e.preventDefault(); // 阻止默认的链接跳转行为

            // 隐藏所有内容部分
            sections.forEach(section => {
                section.style.display = 'none';
            });

            // 显示与点击的链接对应的内容部分
            const activeSectionId = this.getAttribute('href').substring(1);
            document.getElementById(activeSectionId).style.display = 'block';

            // 如果点击的是购物车链接，加载购物车内容
            if (activeSectionId === 'cart') {
                loadCartItems();
            }
        });
    });

    // 页面加载时默认显示“个人信息”部分
    document.querySelectorAll('.sidebar a')[0].click();
});

function loadCartItems() {
    axios.get('/cart-items')
        .then(response => {
            const cartItems = response.data.cartItems;
            const cartItemsTable = document.getElementById('cart-items');
            cartItemsTable.innerHTML = ''; // 清空现有内容

            let totalPrice = 0;

            cartItems.forEach(item => {
                const row = document.createElement('tr');
                row.innerHTML = `
                    <td>${item.productName}</td>
                    <td>${item.quantity}</td>
                    <td>¥${item.productPrice}</td>
                    <td>¥${(item.quantity * item.productPrice).toFixed(2)}</td>
                    <td>
                        <button onclick="removeFromCart(${item.productId})">移除</button>
                    </td>
                `;
                cartItemsTable.appendChild(row);

                totalPrice += item.quantity * item.productPrice;
            });

            document.getElementById('total-price').textContent = totalPrice.toFixed(2);
        })
        .catch(error => {
            alert('加载购物车出错: ' + error.message);
        });
}

function removeFromCart(productId) {
    axios.post('/remove-from-cart', { productId: productId })
        .then(response => {
            if (response.data.success) {
                alert('商品已成功从购物车中移除！');
                loadCartItems(); // 重新加载购物车内容
            } else {
                alert('移除商品失败：' + response.data.message);
            }
        })
        .catch(error => {
            alert('网络错误，请稍后再试！');
        });
}

function checkout() {
    // 处理结算逻辑
    alert('结算功能暂未实现');
}